<template>
  <div class="meetings">
    <el-row class="search">
      <div style="display: flex;line-height: 60px;">
        <div class="icons">
          <i class="iconfont icon-huiyi"></i>
          </div>
        <span class="icone">会议日历</span>
      </div>
      <div>
        <el-button class="button1" type="primary" @click="dialogVisible = true">新增会议</el-button>
<!--        <el-button class="button1" type="success" @click="visible1 = true">开始会议</el-button>-->
<!--        <el-button class="button1" type="warning" @click="visible = true">结束会议</el-button>-->
      </div>
    </el-row>
    <div class="extern">
      <div class="left">
        <span>
<!--          会议状态-->
          <el-tabs v-model="activeName" >
            <el-tab-pane :label="'会议状态'" name="first">
              <div class="tag_list" :class="tabIndex==0? 'tag_listActive':''" @click="tab(0)" style="">
                <i class="iconfont icon-a-quanbusuoyou-05"></i>
                <span class="all" @click="buttonAll(0)">所有</span>
                <i v-if="tabIndex==0" class="iconfont icon-duigou"></i>
              </div>
              <div class="tag_list" :class="tabIndex==1? 'tag_listActive':''" @click="tab(1)" style="">
                <i class="iconfont icon-poll_finished"></i>
                <span class="all" @click="buttonAll(1)">已结束</span>
                <i v-if="tabIndex==1" class="iconfont icon-duigou" ></i>
              </div>
              <div class="tag_list" :class="tabIndex==2? 'tag_listActive':''" @click="tab(2)" style="">
                <i class="iconfont icon-icon_xinyong_xianxing_jijin-"></i>
                <span class="all" @click="buttonAll(2)">进行中</span>
                <i v-if="tabIndex==2" class="iconfont icon-duigou" ></i>
              </div>
              <div class="tag_list" :class="tabIndex==3? 'tag_listActive':''" @click="tab(3)" style="">
                <i class="iconfont icon-tishi"></i>
                <span class="all" @click="buttonAll(3)">未开始</span>
                <i v-if="tabIndex==3" class="iconfont icon-duigou"></i>
              </div>
              <div class="picture">
                  <div class="picture-i">
                    <i class="iconfont icon-sousuowenjian"/>
                  </div>
                  <div class="typeface">没有需要参加的会议</div>
              </div>
            </el-tab-pane>
<!--            人员组织-->
            <el-tab-pane class="personnel" :label="'人员组织'" name="peopel">
<!--              搜索框和撤回按钮-->
              <div class="sousuo" style="display: flex;">
                <el-form-item label="">
                      <el-input
                          v-model="input2"
                          class="input-tow"
                          placeholder=""
                          :suffix-icon="Search"
                      />
              </el-form-item>
                <el-button class="button2">
                  <i class="iconfont icon-withdraw"></i>
              </el-button>
              </div>
              <!--          人员关系树形组件-->
            <div class="all-naem">
              <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />
            </div>
            </el-tab-pane>
          </el-tabs>
        </span>
      </div>
      <div class="right">
        <el-scrollbar height="600px">
          <el-calendar ref="calendar" @click="addMeeting(d)">
            <template #header="{ date }">
              <span>{{ date }}</span>
<!--              <el-button-group>-->
<!--                <el-button size="small" @click="selectDateUp()">上个月</el-button>-->
<!--                <el-button size="small" @click="selectDate1()">今天</el-button>-->
<!--                <el-button size="small" @click="selectDateDown()">下个月</el-button>-->
<!--              </el-button-group>-->

              <div class="icondiv">
                <div>
                  <svg t="1664354509001" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6839" width="20" height="20"><path d="M201.728 776.192c0-20.138667 16.384-36.522667 36.522667-36.522667h547.84c20.138667 0 36.522667 16.384 36.522666 36.181334 0 20.138667-16.384 36.522667-36.522666 36.522666H238.250667c-20.138667 0-36.522667-16.384-36.522667-36.181333z" fill="#635DF7" opacity=".7" p-id="6840"></path><path d="M201.728 776.192c0-20.138667 16.384-36.522667 36.522667-36.522667h547.84c20.138667 0 36.522667 16.384 36.522666 36.181334 0 20.138667-16.384 36.522667-36.522666 36.522666H238.250667c-20.138667 0-36.522667-16.384-36.522667-36.181333zM944.128 425.301333c9.216 14.677333 2.730667 35.157333-12.629333 39.936L279.210667 680.96c-26.624 8.874667-55.296 1.024-74.752-20.138667l-123.221334-132.096c-10.922667-11.605333-3.754667-32.085333 11.264-32.768l19.797334-1.024c10.24-0.341333 20.821333 2.048 29.696 7.168L221.866667 547.84c16.725333 9.557333 36.864 11.264 54.954666 4.096l130.730667-51.882667L245.76 268.629333c-11.605333-20.138667-3.072-47.104 17.408-54.272 10.922667-3.754667 24.234667-4.096 40.277333 4.437334 39.936 20.821333 203.776 155.989333 252.928 196.608 9.216 7.509333 20.138667 11.946667 31.402667 12.288h2.389333l180.224-71.338667c19.456-7.850667 40.618667-10.24 61.098667-6.826667 33.109333 5.461333 80.213333 23.210667 112.64 75.776z" fill="#635DF7" opacity=".7" p-id="6841"></path></svg>                      </div>
                <div>
                  已结束
                </div>
              </div>
              <div class="icondiv">
                <div>
                  <svg t="1664354574389" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7952" width="20" height="20"><path d="M499.712 225.248v68.288h57.312V422.4h-51.808v51.424a338.88 338.88 0 0 1 124.448-83.328V293.504h60.032V225.248h-189.984z m-100.224 297.408c2.944-75.648 4.576-150.176 4.96-223.616h-58.944a2930.304 2930.304 0 0 1-5.504 218.112c19.456 0.736 39.296 2.56 59.488 5.504z m-55.616 69.92c-19.648 3.488-38.912 6.752-57.824 9.696V475.84h48.448v-67.2H286.048V295.712h52.832V227.424H161.024v68.288h56.736v112.896H163.776v67.2h53.984v136.32c-22.016 3.136-43.52 5.824-64.448 8l8.256 72.672 177.344-29.184c0.736-20.928 2.368-44.608 4.96-71.04z m80.384-133.824c0 99.488-31.008 175.68-93.056 228.576 20.192 15.424 39.648 31.744 58.368 48.992 8.096-7.872 15.68-16.128 22.816-24.64 0-1.696-0.256-3.328-0.256-4.992 0-81.952 29.056-157.056 77.408-215.68 0.256-6.72 0.768-13.248 0.768-20.16V199.904h-66.08v258.848z" p-id="7953" fill="#FFD2D2"></path><path d="M432.224 797.824H88.416a10.432 10.432 0 0 1-10.464-10.496V116.672c0-5.76 4.672-10.496 10.464-10.496h670.656c5.824 0 10.496 4.704 10.496 10.496v265.472a311.456 311.456 0 0 1 73.376 18.688v-284.16a83.84 83.84 0 0 0-83.872-83.84H88.416a83.84 83.84 0 0 0-83.84 83.84v670.656a83.84 83.84 0 0 0 83.84 83.872h380.96a315.712 315.712 0 0 1-37.152-73.376z" p-id="7954" fill="#FFD2D2"></path><path d="M659.68 695.424l39.904 77.376s64.864-157.184 167.104-209.568c-2.432 37.44-12.448 69.888 4.992 109.76-44.864 10.016-137.152 122.24-167.104 177.12-42.432-52.384-92.32-92.256-127.232-104.736l82.336-49.952z" p-id="7955" fill="#FFD2D2"></path><path d="M745.6 434.24a272.48 272.48 0 1 0 0 544.96 272.48 272.48 0 0 0 0-544.96z m0 471.584a199.104 199.104 0 1 1 0-398.24 199.136 199.136 0 0 1 0 398.24z" p-id="7956" fill="#FFD2D2"></path></svg>                     </div>
                <div>
                  进行中
                </div>
              </div>
              <div class="icondiv">
                <div>
                  <svg t="1664354365892" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4670" width="20" height="20"><path d="M235.8 67.9C153 87.4 87.4 153 67.9 235.8L235.8 67.9z" fill="#FF6968" p-id="4671"></path><path d="M301.7 62H287C163.3 62 62 163.3 62 287v14.7L301.7 62z" fill="#FF6867" p-id="4672"></path><path d="M361.7 62H287C163.3 62 62 163.3 62 287v74.7L361.7 62z" fill="#FF6866" p-id="4673"></path><path d="M421.6 62H287C163.3 62 62 163.3 62 287v134.6L421.6 62z" fill="#FF6765" p-id="4674"></path><path d="M481.6 62H287c-19.4 0-38.3 2.5-56.3 7.2L69.2 230.7c-4.7 18-7.2 36.9-7.2 56.3v194.6L481.6 62z" fill="#FF6764" p-id="4675"></path><path d="M62 541.6L541.6 62H297.9L62 297.9z" fill="#FF6763" p-id="4676"></path><path d="M62 601.6L601.6 62H357.8L62 357.8z" fill="#FF6662" p-id="4677"></path><path d="M62 417.8v243.7L661.5 62H417.8z" fill="#FF6661" p-id="4678"></path><path d="M62 477.8v243.7L721.5 62H477.8z" fill="#FF6560" p-id="4679"></path><path d="M737 62H537.8L62 537.8V737c0 13.9 1.3 27.5 3.7 40.8l712-712C764.5 63.3 750.9 62 737 62z" fill="#FF655F" p-id="4680"></path><path d="M737 62H597.7L62 597.7V737c0 30.8 6.3 60.1 17.6 86.9L823.9 79.6C797.1 68.3 767.8 62 737 62z" fill="#FF655E" p-id="4681"></path><path d="M862.8 100.7C826.8 76.3 783.5 62 737 62h-79.3L62 657.7V737c0 46.5 14.3 89.8 38.7 125.8l762.1-762.1z" fill="#FF645D" p-id="4682"></path><path d="M895.6 127.8C854.9 87.2 798.7 62 737 62h-19.3L62 717.7V737c0 61.7 25.2 117.9 65.8 158.6l767.8-767.8z" fill="#FF645C" p-id="4683"></path><path d="M65.2 774.5C75.6 835.8 111 889 160.6 922.8l762.3-762.3c-33.9-49.5-87-85-148.3-95.4L65.2 774.5z" fill="#FF635B" p-id="4684"></path><path d="M78.5 821.2c22.4 55.1 66.2 99.6 120.8 122.9l744.8-744.8c-23.3-54.7-67.8-98.4-122.9-120.8L78.5 821.2z" fill="#FF635A" p-id="4685"></path><path d="M99.2 860.5c33 49.9 85.3 86.1 146.1 97.6l712.8-712.8c-11.5-60.8-47.7-113.1-97.6-146.1L99.2 860.5z" fill="#FF635A" p-id="4686"></path><path d="M962 287c0-63-26.2-120.1-68.3-161.1L125.9 893.7C166.9 935.8 224 962 287 962h14.3L962 301.3V287z" fill="#FF6259" p-id="4687"></path><path d="M962 287c0-47.8-15.1-92.2-40.7-128.7l-763 763C194.8 946.9 239.2 962 287 962h74.3L962 361.3V287z" fill="#FF6258" p-id="4688"></path><path d="M962 287c0-32.1-6.8-62.7-19.1-90.4L196.6 942.9c27.7 12.3 58.3 19.1 90.4 19.1h134.3L962 421.3V287z" fill="#FF6157" p-id="4689"></path><path d="M287 962h194.2L962 481.2V287c0-15.4-1.6-30.4-4.5-44.9L242.1 957.5c14.5 2.9 29.5 4.5 44.9 4.5z" fill="#FF6156" p-id="4690"></path><path d="M541.2 962L962 541.2V297.5L297.5 962z" fill="#FF6155" p-id="4691"></path><path d="M601.2 962L962 601.2V357.5L357.5 962z" fill="#FF6054" p-id="4692"></path><path d="M661.2 962L962 661.2V417.4L417.4 962z" fill="#FF6053" p-id="4693"></path><path d="M721.1 962L962 721.1V477.4L477.4 962z" fill="#FF5F52" p-id="4694"></path><path d="M962 737V537.4L537.4 962H737c17.1 0 33.7-1.9 49.7-5.6l169.7-169.7c3.7-16 5.6-32.6 5.6-49.7z" fill="#FF5F51" p-id="4695"></path><path d="M962 597.4L597.4 962H737c123.8 0 225-101.3 225-225V597.4z" fill="#FF5F50" p-id="4696"></path><path d="M962 657.3L657.3 962H737c123.8 0 225-101.3 225-225v-79.7z" fill="#FF5E4F" p-id="4697"></path><path d="M962 717.3L717.3 962H737c123.8 0 225-101.3 225-225v-19.7z" fill="#FF5E4E" p-id="4698"></path><path d="M957.5 781.8L781.8 957.5c88-18 157.7-87.7 175.7-175.7z" fill="#FF5D4D" p-id="4699"></path><path d="M701 728H323c-19.9 0-36-16.1-36-36V386c0-19.9 16.1-36 36-36h378c19.9 0 36 16.1 36 36v306c0 19.9-16.1 36-36 36z" fill="#FFCDCB" p-id="4700"></path><path d="M431 404c-14.9 0-27-12.1-27-27v-54c0-14.9 12.1-27 27-27s27 12.1 27 27v54c0 14.9-12.1 27-27 27zM593 404c-14.9 0-27-12.1-27-27v-54c0-14.9 12.1-27 27-27s27 12.1 27 27v54c0 14.9-12.1 27-27 27z" fill="#FFE9E9" p-id="4701"></path><path d="M502.4 624.2l-0.4 0.4c-7 7-18.4 7-25.5 0l-65.8-65.8c-7-7-7-18.4 0-25.5l0.4-0.4c7-7 18.4-7 25.5 0l65.8 65.8c7 7.1 7 18.5 0 25.5z" fill="#FFFFFF" p-id="4702"></path><path d="M482.3 624.6l-0.4-0.4c-7-7-7-18.4 0-25.5l105.5-105.5c7-7 18.4-7 25.5 0l0.4 0.4c7 7 7 18.4 0 25.5L507.7 624.6c-7 7-18.4 7-25.4 0z" fill="#FFFFFF" p-id="4703"></path></svg>                      </div>
                <div>
                  未开始
                </div>
              </div>
            </template>
            <template #date-cell="{ data }">
<!--              截取时间里面的日-->
              <div>{{ data.day.slice(8,10) }}</div>
              <template v-for="p in date.date">
                <template v-if="data.day==p.day">

                  <span v-for="p1 in p.age">
<!--                    所有-->
                    <svg v-if="p1==1" t="1664353535534" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2587" width="20" height="20"><path d="M512 0C229.23 0 0 229.23 0 512s229.23 512 512 512 512-229.23 512-512S794.77 0 512 0z m262.544 381.417L463.417 692.544a35.84 35.84 0 0 1-13.049 8.338c-13.045 5.388-28.612 2.785-39.214-7.816l-161.22-161.22c-14.059-14.059-14.059-36.853 0-50.912 14.059-14.059 36.853-14.059 50.912 0l136.179 136.179 286.608-286.608c14.059-14.059 36.853-14.059 50.912 0 14.058 14.059 14.058 36.853-0.001 50.912z" fill="#d81e06" p-id="88"></path></svg>
<!--                    已结束-->
                    <svg v-if="p1==2" t="1664354509001" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6839" width="20" height="20"><path d="M201.728 776.192c0-20.138667 16.384-36.522667 36.522667-36.522667h547.84c20.138667 0 36.522667 16.384 36.522666 36.181334 0 20.138667-16.384 36.522667-36.522666 36.522666H238.250667c-20.138667 0-36.522667-16.384-36.522667-36.181333z" fill="#635DF7" opacity=".7" p-id="6840"></path><path d="M201.728 776.192c0-20.138667 16.384-36.522667 36.522667-36.522667h547.84c20.138667 0 36.522667 16.384 36.522666 36.181334 0 20.138667-16.384 36.522667-36.522666 36.522666H238.250667c-20.138667 0-36.522667-16.384-36.522667-36.181333zM944.128 425.301333c9.216 14.677333 2.730667 35.157333-12.629333 39.936L279.210667 680.96c-26.624 8.874667-55.296 1.024-74.752-20.138667l-123.221334-132.096c-10.922667-11.605333-3.754667-32.085333 11.264-32.768l19.797334-1.024c10.24-0.341333 20.821333 2.048 29.696 7.168L221.866667 547.84c16.725333 9.557333 36.864 11.264 54.954666 4.096l130.730667-51.882667L245.76 268.629333c-11.605333-20.138667-3.072-47.104 17.408-54.272 10.922667-3.754667 24.234667-4.096 40.277333 4.437334 39.936 20.821333 203.776 155.989333 252.928 196.608 9.216 7.509333 20.138667 11.946667 31.402667 12.288h2.389333l180.224-71.338667c19.456-7.850667 40.618667-10.24 61.098667-6.826667 33.109333 5.461333 80.213333 23.210667 112.64 75.776z" fill="#635DF7" opacity=".7" p-id="6841"></path></svg>
<!--                    进行中-->
                    <svg v-if="p1==3" t="1664354574389" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7952" width="20" height="20"><path d="M499.712 225.248v68.288h57.312V422.4h-51.808v51.424a338.88 338.88 0 0 1 124.448-83.328V293.504h60.032V225.248h-189.984z m-100.224 297.408c2.944-75.648 4.576-150.176 4.96-223.616h-58.944a2930.304 2930.304 0 0 1-5.504 218.112c19.456 0.736 39.296 2.56 59.488 5.504z m-55.616 69.92c-19.648 3.488-38.912 6.752-57.824 9.696V475.84h48.448v-67.2H286.048V295.712h52.832V227.424H161.024v68.288h56.736v112.896H163.776v67.2h53.984v136.32c-22.016 3.136-43.52 5.824-64.448 8l8.256 72.672 177.344-29.184c0.736-20.928 2.368-44.608 4.96-71.04z m80.384-133.824c0 99.488-31.008 175.68-93.056 228.576 20.192 15.424 39.648 31.744 58.368 48.992 8.096-7.872 15.68-16.128 22.816-24.64 0-1.696-0.256-3.328-0.256-4.992 0-81.952 29.056-157.056 77.408-215.68 0.256-6.72 0.768-13.248 0.768-20.16V199.904h-66.08v258.848z" p-id="7953" fill="#FFD2D2"></path><path d="M432.224 797.824H88.416a10.432 10.432 0 0 1-10.464-10.496V116.672c0-5.76 4.672-10.496 10.464-10.496h670.656c5.824 0 10.496 4.704 10.496 10.496v265.472a311.456 311.456 0 0 1 73.376 18.688v-284.16a83.84 83.84 0 0 0-83.872-83.84H88.416a83.84 83.84 0 0 0-83.84 83.84v670.656a83.84 83.84 0 0 0 83.84 83.872h380.96a315.712 315.712 0 0 1-37.152-73.376z" p-id="7954" fill="#FFD2D2"></path><path d="M659.68 695.424l39.904 77.376s64.864-157.184 167.104-209.568c-2.432 37.44-12.448 69.888 4.992 109.76-44.864 10.016-137.152 122.24-167.104 177.12-42.432-52.384-92.32-92.256-127.232-104.736l82.336-49.952z" p-id="7955" fill="#FFD2D2"></path><path d="M745.6 434.24a272.48 272.48 0 1 0 0 544.96 272.48 272.48 0 0 0 0-544.96z m0 471.584a199.104 199.104 0 1 1 0-398.24 199.136 199.136 0 0 1 0 398.24z" p-id="7956" fill="#FFD2D2"></path></svg><!--                    未开始-->
<!--                    未开始-->
                    <svg v-if="p1==4" t="1664354365892" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4670" width="20" height="20"><path d="M235.8 67.9C153 87.4 87.4 153 67.9 235.8L235.8 67.9z" fill="#FF6968" p-id="4671"></path><path d="M301.7 62H287C163.3 62 62 163.3 62 287v14.7L301.7 62z" fill="#FF6867" p-id="4672"></path><path d="M361.7 62H287C163.3 62 62 163.3 62 287v74.7L361.7 62z" fill="#FF6866" p-id="4673"></path><path d="M421.6 62H287C163.3 62 62 163.3 62 287v134.6L421.6 62z" fill="#FF6765" p-id="4674"></path><path d="M481.6 62H287c-19.4 0-38.3 2.5-56.3 7.2L69.2 230.7c-4.7 18-7.2 36.9-7.2 56.3v194.6L481.6 62z" fill="#FF6764" p-id="4675"></path><path d="M62 541.6L541.6 62H297.9L62 297.9z" fill="#FF6763" p-id="4676"></path><path d="M62 601.6L601.6 62H357.8L62 357.8z" fill="#FF6662" p-id="4677"></path><path d="M62 417.8v243.7L661.5 62H417.8z" fill="#FF6661" p-id="4678"></path><path d="M62 477.8v243.7L721.5 62H477.8z" fill="#FF6560" p-id="4679"></path><path d="M737 62H537.8L62 537.8V737c0 13.9 1.3 27.5 3.7 40.8l712-712C764.5 63.3 750.9 62 737 62z" fill="#FF655F" p-id="4680"></path><path d="M737 62H597.7L62 597.7V737c0 30.8 6.3 60.1 17.6 86.9L823.9 79.6C797.1 68.3 767.8 62 737 62z" fill="#FF655E" p-id="4681"></path><path d="M862.8 100.7C826.8 76.3 783.5 62 737 62h-79.3L62 657.7V737c0 46.5 14.3 89.8 38.7 125.8l762.1-762.1z" fill="#FF645D" p-id="4682"></path><path d="M895.6 127.8C854.9 87.2 798.7 62 737 62h-19.3L62 717.7V737c0 61.7 25.2 117.9 65.8 158.6l767.8-767.8z" fill="#FF645C" p-id="4683"></path><path d="M65.2 774.5C75.6 835.8 111 889 160.6 922.8l762.3-762.3c-33.9-49.5-87-85-148.3-95.4L65.2 774.5z" fill="#FF635B" p-id="4684"></path><path d="M78.5 821.2c22.4 55.1 66.2 99.6 120.8 122.9l744.8-744.8c-23.3-54.7-67.8-98.4-122.9-120.8L78.5 821.2z" fill="#FF635A" p-id="4685"></path><path d="M99.2 860.5c33 49.9 85.3 86.1 146.1 97.6l712.8-712.8c-11.5-60.8-47.7-113.1-97.6-146.1L99.2 860.5z" fill="#FF635A" p-id="4686"></path><path d="M962 287c0-63-26.2-120.1-68.3-161.1L125.9 893.7C166.9 935.8 224 962 287 962h14.3L962 301.3V287z" fill="#FF6259" p-id="4687"></path><path d="M962 287c0-47.8-15.1-92.2-40.7-128.7l-763 763C194.8 946.9 239.2 962 287 962h74.3L962 361.3V287z" fill="#FF6258" p-id="4688"></path><path d="M962 287c0-32.1-6.8-62.7-19.1-90.4L196.6 942.9c27.7 12.3 58.3 19.1 90.4 19.1h134.3L962 421.3V287z" fill="#FF6157" p-id="4689"></path><path d="M287 962h194.2L962 481.2V287c0-15.4-1.6-30.4-4.5-44.9L242.1 957.5c14.5 2.9 29.5 4.5 44.9 4.5z" fill="#FF6156" p-id="4690"></path><path d="M541.2 962L962 541.2V297.5L297.5 962z" fill="#FF6155" p-id="4691"></path><path d="M601.2 962L962 601.2V357.5L357.5 962z" fill="#FF6054" p-id="4692"></path><path d="M661.2 962L962 661.2V417.4L417.4 962z" fill="#FF6053" p-id="4693"></path><path d="M721.1 962L962 721.1V477.4L477.4 962z" fill="#FF5F52" p-id="4694"></path><path d="M962 737V537.4L537.4 962H737c17.1 0 33.7-1.9 49.7-5.6l169.7-169.7c3.7-16 5.6-32.6 5.6-49.7z" fill="#FF5F51" p-id="4695"></path><path d="M962 597.4L597.4 962H737c123.8 0 225-101.3 225-225V597.4z" fill="#FF5F50" p-id="4696"></path><path d="M962 657.3L657.3 962H737c123.8 0 225-101.3 225-225v-79.7z" fill="#FF5E4F" p-id="4697"></path><path d="M962 717.3L717.3 962H737c123.8 0 225-101.3 225-225v-19.7z" fill="#FF5E4E" p-id="4698"></path><path d="M957.5 781.8L781.8 957.5c88-18 157.7-87.7 175.7-175.7z" fill="#FF5D4D" p-id="4699"></path><path d="M701 728H323c-19.9 0-36-16.1-36-36V386c0-19.9 16.1-36 36-36h378c19.9 0 36 16.1 36 36v306c0 19.9-16.1 36-36 36z" fill="#FFCDCB" p-id="4700"></path><path d="M431 404c-14.9 0-27-12.1-27-27v-54c0-14.9 12.1-27 27-27s27 12.1 27 27v54c0 14.9-12.1 27-27 27zM593 404c-14.9 0-27-12.1-27-27v-54c0-14.9 12.1-27 27-27s27 12.1 27 27v54c0 14.9-12.1 27-27 27z" fill="#FFE9E9" p-id="4701"></path><path d="M502.4 624.2l-0.4 0.4c-7 7-18.4 7-25.5 0l-65.8-65.8c-7-7-7-18.4 0-25.5l0.4-0.4c7-7 18.4-7 25.5 0l65.8 65.8c7 7.1 7 18.5 0 25.5z" fill="#FFFFFF" p-id="4702"></path><path d="M482.3 624.6l-0.4-0.4c-7-7-7-18.4 0-25.5l105.5-105.5c7-7 18.4-7 25.5 0l0.4 0.4c7 7 7 18.4 0 25.5L507.7 624.6c-7 7-18.4 7-25.4 0z" fill="#FFFFFF" p-id="4703"></path></svg>
                  </span>
                 </template>
              </template>
            </template>
          </el-calendar>
        </el-scrollbar>
      </div>
    </div>
<!--    新增弹框-->
    <el-dialog
        v-model="dialogVisible"
        width="50%"
        height="50%"
        :before-close="handleClose"
    >
      <el-row class="search">
        <div style="display: flex;line-height: 60px;">
          <div class="icons1">
            <i class="iconfont icon-huiyi"></i>
          </div>
          <span class="icone">新建会议</span>
        </div>
      </el-row>
      <!--    弹框内滚动条-->
      <el-scrollbar height="400px">
<!--      新增会议按钮最大盒子-->
      <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
<!--        新增按钮头部-->
        <el-tab-pane label="会议信息" name="first">

                      <div class="table-one-one">
                          <div class="table-size">会议名称：</div>
                        <!--                        输入框-->
                          <div class="pop-up">
                               <el-input
                                   class="input-one"
                                   v-model="formInline.meetingName"
                               />
                          </div>
                      </div>
                         <div class="table-one-one">
                                 <div class="table-size">会议地址：</div>
                                     <!--                        选择框-->
                                     <div class="pop-up">
                                        <el-select v-model="formInline.placeId" class="m-2" placeholder="请选择" size="large">
                                          <el-option
                                              v-for=" c in d.place"
                                              :key="c.placeId"
                                              :value="c.placeId"
                                              :label="c.placeName"
                                           />
                                        </el-select>
                                     </div>
                         </div>
                        <div class="table-one-one">
                          <div class="table-size">开始时间：</div>
                            <!--                        时间选择器-->
                         <div class="pop-up">
                                <el-date-picker
                                    v-model="formInline.beginTime"
                                    type="datetime"
                                    placeholder="请选择"
                                    style="width: 300px;height: 40px"
                                    :disabled-date="agoDate"
                                    value-format="YYYY-MM-DD HH:mm:ss "

                                />
                            </div>
                          </div>

                        <div class="table-one-one">
                          <div class="table-size">结束时间：</div>
                          <div class="pop-up">
                            <!--                           时间选择框-->
                                <el-date-picker
                                    v-model="formInline.tagTime"
                                    type="datetime"
                                    placeholder="请选择"
                                    style="width: 300px;height: 40px"
                                    :disabled-date="agoDate"
                                    value-format="YYYY-MM-DD HH:mm:ss "

                                />
                          </div>
                      </div>

        </el-tab-pane>
      </el-tabs>
      </el-scrollbar>
      <template #footer>
      <span class="dialog-footer">
        <el-button @click="dialogVisible1" class="bottom-small">取消</el-button>
        <el-button type="primary" @click="dialogVisible2" class="bottom-small">确定</el-button>
      </span>
      </template>
    </el-dialog>
  </div>

<!--结束弹框-->
  <el-dialog v-model="visible" :show-close="false">
    <template #header="{ close, titleId, titleClass }">
      <div class="my-header">
        <h4 :id="titleId" :class="titleClass">结束会议</h4>
        <el-button type="danger" @click="close">
          <el-icon class="el-icon--left"><CircleCloseFilled /></el-icon>
          关闭
        </el-button>
      </div>
    </template>
    <div class="table-one-one">
      <div class="table-size">结束日期：</div>
      <!--                        选择框-->
      <div class="pop-up">
        <el-date-picker
            v-model="value4"
            type="date"
            placeholder=""
            :size="large"
            style="width: 300px;height: 40px"
        />
      </div>
    </div>
    <div class="table-one-one">
      <div class="table-size">结束时间：</div>
      <!--                        选择框-->
      <div class="pop-up">
        <!--                           时间选择框-->
        <el-time-picker
            size="large"
            v-model="value5"
            value-format=“timestamp”
            arrow-control
            placeholder=""
            class="picker-all"
            style="width: 300px"
        />
      </div>

    </div>
    <template #footer>
      <span class="dialog-footer">
        <el-button @click="dialogVisible2" class="bottom-small">取消</el-button>
        <el-button type="primary" @click="dialogVisible2" class="bottom-small">提交</el-button>
      </span>
    </template>
  </el-dialog>

<!--  开始会议-->
  <el-dialog v-model="visible1" :show-close="false">
    <template #header="{ close, titleId, titleClass }">
      <div class="my-header">
        <h4 :id="titleId" :class="titleClass">开始会议</h4>
        <el-button type="danger" @click="close">
          <el-icon class="el-icon--left"><CircleCloseFilled /></el-icon>
          关闭
        </el-button>
      </div>
    </template>

1234567
    <template #footer>
      <span class="dialog-footer">
        <el-button @click="dialogVisible3" class="bottom-small">取消</el-button>
        <el-button type="primary" @click="dialogVisible2" class="bottom-small">提交</el-button>
      </span>
    </template>
  </el-dialog>

</template>

<script lang="ts" setup>
import {onBeforeMount, onMounted, reactive, ref, toRefs} from "vue";
import { Search } from '@element-plus/icons-vue'
import axios from 'axios'
import { ElMessageBox } from 'element-plus'
import moment from "moment"
import {
  Check,
  Delete,
  Edit,
  Message,
  Star,
} from '@element-plus/icons-vue'
import { ElButton, ElDialog } from 'element-plus'
import { CircleCloseFilled } from '@element-plus/icons-vue'

// 所有数据
const d = reactive({
  s:true,
  //总记录
  total:0,
  //页码
  pageNo:1,
  //页大小
  pageSize:5,
  //数据
  tableData:[],
  // 地址集合
  place:[],
});

// 设置不能选当前时间之前的日期时间
const agoDate = (time: Date) => {
  return time.getTime() < Date.now() - 8.64e7;
}

// 结束弹框
const visible = ref(false)

// 开始弹框
const visible1 = ref(false)

//日历
const calendar = ref()
const selectDate= (val: string) => {
  calendar.value.selectDate1(val)
}

//日历判断图标
const date=reactive({
  date:[

  ]
})

// 查询会议地址
onMounted(()=>{
  axios.post("http://localhost:1688/allPlace/placeIdAll").then((res)=>{
    d.place=res.data.data
    console.log(res.data.data)
  })
})
onBeforeMount(()=>{

  buttonAll(0)

})

/**
 * 查询当前本月的会议记录
 */
const buttonAll=(id)=> {
    axios.get("http://localhost:1688/selectMeet/selectAll",{params:{
      id:id
  }}).then((res) => {
    console.log('huiyi',res.data.data)

    const data1 = res.data.data
    date.date = [];//点击之后清空

    data1.forEach((val)=>{
      var ages  = []
      // val.selectState.forEach((val1)=>{
        var age =0;
        // console.log(val1)
        if(val.state=="所有"){
          age =1;
        }else if(val.state=="已结束"){
          age=2;
        }else if(val.state=="进行中"){
          age=3
        }else if(val.state=="未开始"){
          age=4
        }
        ages.push(age)
      // })
      const ff = {day: timeFormat(val.beginTime),age:ages};
      date.date.push(ff)
     })
  })
}
// 时间格式化
const timeFormat = (date)=>{
  if(date){
    let newDate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(date)
    console.log(newDate)
    return newDate[0]
  }else{
    return ''
  }
}


// 弹框日期选择器
const value3 = ref('')
// 弹框日期选择器
const value4 = ref('')
// 弹框日期选择器
const shortcuts = [
  {
    text: 'Today',
    value: new Date(),
  },
  {
    text: 'Yesterday',
    value: () => {
      const date = new Date()
      date.setTime(date.getTime() - 3600 * 1000 * 24)
      return date
    },
  },
  {
    text: 'A week ago',
    value: () => {
      const date = new Date()
      date.setTime(date.getTime() - 3600 * 1000 * 24 * 7)
      return date
    },
  },
]

const disabledDate = (time: Date) => {
  return time.getTime() > Date.now()
}

// 弹框时间选择器
const value2 = ref()

// 弹框时间选择器
const value5 = ref()

// 文字输入框
const form = reactive({
  desc: '',
})
// 新增会议点击事件
const dialogVisible = ref(false)
const handleClose =()=>{
  dialogVisible.value=false;
  activeNames1.value=['1'];
}
// 新增会议点击事件----取消按钮
const dialogVisible1=()=>{
  dialogVisible.value=false;
  activeNames1.value=['3'];
}

// 输入框
const input = ref('')





//会议对象
const formInline = reactive({
  /**
   * 会议ID
   */
  meetingId:'',

  /**
   * 会议名称
   */
  meetingName:"",

  /**
   * 会议地址ID
   */
  placeId:null,

  // 会议地址name
  placeName:'',

  /**
   * 创建日期
   */
  establishTime:"",

  /**
   * 状态
   */
  state:"",

  /**
   * 开始日期
   */
  beginTime:"",

  /**
   * 结束日期
   */
  tagTime:"",


})
// 新增会议点击事件----确定按钮
const dialogVisible2=()=>{
  console.log(formInline)
  axios.post("http://localhost:1688/allMeeting/addMeetingAll",formInline).then((res)=>{

  })

  dialogVisible.value=false;
  activeNames1.value=['3'];
}



// 弹框默认点击打开页面
const activeNames1 = ref(['3'])

// 人员组织树形控件数据
interface Tree {
  label: string
  children?: Tree[]
}

const handleNodeClick = (data: Tree) => {
  console.log(data)
}

//新增会议
const addMeeting = (e:any)=>{
dialogVisible.value = true
}

const data: Tree[] = [
  {
    label: '杨文元',
    children: [
      {
        label: '邓登举',
        children: [
          {
            label: '张丞丞',
          },
        ],
      },
    ],
  },
      {
        label: '汪洋',
      },
      {
        label: '戴起司',
      },
  {
    label: '方永亮',
    children: [
      {
        label: '拼夕夕',
        children: [
          {
            label: '消消消',
          },

        ],
      },
    ],
  },
]

const defaultProps = {
  children: 'children',
  label: 'label',
}

// 人员组织搜索框
const input2 = ref('')


const getData = (pageNo)=>{

}

// 默认点开会议日历进入会议状态
const activeName = ref('first')

const sizeChange =(size)=>{
  d.pageSize = size;
  getData(d.pageNo);
}

const tabIndex = ref(0)

// 切换
const tab = (index) => {
  tabIndex.value = index;

  console.log(tabIndex.value)
}

const allData = ref([])


//获取当前时间并格式化
let tt=new Date()
let str = ref(moment(tt).format('YYYY 年 MM 月'))





</script>

<style scoped >
@import url("../../../public/imgsY/icon/iconfont.css");


*{
  margin: 0px;
  padding: 0px;
}
.el-row{
  padding: 5px 0px;
}

/deep/ .el-tabs__header {
  margin-bottom: 0px;
}

.search{
  border: 1px solid silver;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
}

.icons{
  width: 50px;
  height: 50px;
  background: dodgerblue;
  text-align: center;
  line-height: 50px;
  /*圆角*/
  border-radius: 40px;
  margin-left: 20px;
}

.icons1{
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  /*圆角*/
  border-radius: 40px;
  margin-left: 20px;
  border: 1px solid red;
  background-color: red;
}

/*会议*/
.icon-huiyi {
  color: white;
  font-size: 24px;
  line-height: 50px;
}


.icone{
  padding-left: 15px;
  line-height: 50px;
}

.button1{
  color: white;
  padding: 5px;
  margin-right: 40px;

}

.left {
  border-bottom: 1px solid silver;
  border-right: 1px solid silver;
  border-left: 1px solid silver;
  width: 16%;
}

/*左边字体距离*/
.all{
  padding-left: 7px;
  padding-right: 80px;
}

::v-deep .el-tabs__nav-scroll{
  width:200px;
  margin:0px 0px 0px 20px;
}

/*悬浮鼠标手效果*/
.tag_list:hover {
  background-color: #EDFAFF;
}

/*所有*/
.icon-a-quanbusuoyou-05{
  color: dodgerblue;
}

/*已结束*/
.icon-poll_finished{
  color: silver;
}

/*进行中*/
.icon-icon_xinyong_xianxing_jijin-{
  color: coral;
}

/*未开始*/
.icon-tishi{
  color: red;
}

/*打钩*/
.icon-duigou {
  color: dodgerblue;
}


/*左边导航栏下方*/
.picture{
  height: 380px;
  border-top: 1px solid silver;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}
/*左边图标文字*/
.tag_list {
  height: 40px;
  cursor: pointer;
  padding-left: 17px;
  line-height: 40px;
  font-size: 14px;
  color: #666666;

}

.picture-i{
  width: 200px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;

}

/*图片*/
.icon-sousuowenjian{
  color: #cccccc;
  font-size: 70px;
}
/*日历*/
.right{
  width: 84%;
}

.extern{
  display: flex;
  justify-content: space-between;
}


.typeface{
  font-size: 13px;
  color: #666666;
}

/*搜索框和撤回按钮*/
.sousuo{
  width: 100%;
  color: #666666 ;
  display: flex;
  padding: 10px 0px 10px 0px;
}

/*撤回按钮*/
.button2{
  background-color: #F5F5F5;
  width: 40px;
}
/*人员名单关系*/
.all-naem{
  font-size: 12px;
  color: #333333;
}

.all-naem:hover{
  background-color: #EDFAFF;
}
/*新增会议按钮最大盒子*/
.demo-tabs{
  height: 70%;
}

/*第一个折叠面板*/
.table-one{
  padding-left: 20px;
}
/*第一行信息大盒子*/
.table-one-one{
  height: 40px;
  width: 99%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  flex-direction: row;
  margin-top: 20px;
}
/*弹框第一个文字小盒子*/
.table-size{
  width: 200px;
  height: 40px;
  line-height: 40px;
  margin-right: 5px;
}
/*选择框*/
.pop-up{
  width: 300px;
  height: 40px;
}
/*选择框*/
.m-2{
  width:300px ;
}


/*文字输入框的最大盒子*/
.table-one-one1{
  height: 50px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  flex-direction: row;
  margin-bottom:10px ;
}
/*文字输入框的文字*/
.table-size1{
  width: 200px;
  height: 50px;
  line-height: 50px;
}
/heep/ .el-collapse-item__content{
  padding-bottom: -6px;
}
/*人员组织树形标签背景颜色*/
/deep/ .el-tree-node__content{
  background-color: #F4F4F4;
}
/*弹框里面的按钮*/
.bottom-small{
  padding: 5px 20px;
}

.icondiv{
  display: flex;
}

/deep/.el-calendar__body{
  padding: 12px 20px 65px;
}

/*结束弹框里面的关闭按钮*/
.my-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

</style>